<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>变色龙</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <style media="screen">
    #circularG{position:absolute;width:90px;height:90px;top:50%;margin-top:-45px;left:50%;margin-left:-45px;z-index:10}.circularG{position:absolute;background-color:#3A95DB;width:20px;height:20px;-webkit-border-radius:14px;-webkit-animation-name:bounce_circularG;-webkit-animation-duration:0.72s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;border-radius:14px;animation-name:bounce_circularG;animation-duration:0.72s;animation-iteration-count:infinite;animation-direction:linear}#circularG_1{left:0;top:35px;-webkit-animation-delay:0.27s;animation-delay:0.27s}#circularG_2{left:10px;top:10px;-webkit-animation-delay:0.36s;animation-delay:0.36s}#circularG_3{top:0;left:35px;-webkit-animation-delay:0.45s;animation-delay:0.45s}#circularG_4{right:10px;top:10px;-webkit-animation-delay:0.54s;animation-delay:0.54s}#circularG_5{right:0;top:35px;-webkit-animation-delay:0.63s;animation-delay:0.63s}#circularG_6{right:10px;bottom:10px;-webkit-animation-delay:0.72s;animation-delay:0.72s}#circularG_7{left:35px;bottom:0;-webkit-animation-delay:0.81s;animation-delay:0.81s}#circularG_8{left:10px;bottom:10px;-webkit-animation-delay:0.9s;animation-delay:0.9s}@-webkit-keyframes bounce_circularG{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.3)}}@keyframes bounce_circularG{0%{transform:scale(1)}100%{transform:scale(.3)}}
  </style>
  <link rel="stylesheet" href="css/sm.css">
  <link rel="stylesheet" href="css/sm-extend.css">
  <link rel="stylesheet" href="css/main.css">

</head>
<body>
  <div id="page-action" class="page" data-view="../js/index">
    <header class="bar bar-nav box-title">
      <span class="logo pull-left">
        <img src="./images/logo.png">
      </span>
      <h1 class="title" id="te"></h1>
      <span class="pull-right">
        <img src="./images/icon_user.png" class="userimg">
      </span>
    </header>
    <div class="content box-content">
      <!-- In data-popup attribute we specify CSS selector of popup we need to open -->
      <!-- Slider -->
      <div class="bandner-container swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/banner.png" alt="">
          </div>
          <!--
          <div class="swiper-slide">
            <img src="./images/icon_update.png" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./images/banner.png" alt="">
          </div>
        -->
        </div>
        <div class="bandner-pagination"></div>
      </div>
      <!--应用内容-->
      <div class="content-container swiper-container" data-space-between='10'>
        <div class="swiper-wrapper">
          <div class="swiper-slide myproject"></div>
        </div>
        <!-- <div class="swiper-button-prev"></div> -->
        <!-- <div class="swiper-button-next"></div> -->
          <!--
          -->
        <div class="emptyMsgBox" style="text-align: center;padding: 20% 0;display:none">
          <img src="./images/empty.png">
          <p style="color: #218CD5;">没有发现模块。</p>
        </div>
        <div id="circularG">
          <div class="circularG" id="circularG_1"></div>
          <div class="circularG" id="circularG_2"></div>
          <div class="circularG" id="circularG_3"></div>
          <div class="circularG" id="circularG_4"></div>
          <div class="circularG" id="circularG_5"></div>
          <div class="circularG" id="circularG_6"></div>
          <div class="circularG" id="circularG_7"></div>
          <div class="circularG" id="circularG_8"></div>
        </div>
        <!-- <div class="radius"></div> -->
        <div class="content-pagination"></div>
      </div>
    </div>
    <nav class="bar bar-tab bar-footer">
      <a class="tab-item active" href="#">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
      </a>
      <a class="tab-item external" href="pages/test1.html">
        <span class="icon icon-card"></span>
        <span class="tab-label">订单</span>
        <span class="badge">2</span>
      </a>
      <a class="tab-item external" href="pages/test2.html">
        <span class="icon icon-message"></span>
        <span class="tab-label">资讯</span>
      </a>
      <a class="tab-item" href="#">
        <span class="icon icon-me"></span>
        <span class="tab-label">我</span>
      </a>
    </nav>
  </div>
  <script type="text/javascript" src="../cordova.js"></script>
  <!-- <script type="text/javascript" src="js/moduleoperation.js"></script> -->
  <script type="text/javascript" data-main="js/sui-requirejs" src="lib/requirejs/require.js"></script>
  <script type="text/template" id="module-list-template">
    <ul class="module-list clearfix">
      <%for(var i=0,len=obj.length;i<len; i++){ var item = obj[i];%><%=item.html%><%}%>
    </ul>
  </script>
  <script type="text/template" id="module-item-template">
    <%if(item.moduleStatus>0){%>
      <a href="../<%=item.identifier%>/index.html" class="module-item external" data-id="<%=item.identifier%>">
    <%}else{%>
      <li class="module-item"  data-id="<%=item.identifier%>">
    <%}%>
      <div class="module-logo">
       <img class="mlgo" src="<%=item.logo%>" >
      </div>
      <%if(0 === item.moduleStatus){%>
        <img src="./images/btn_download.png" class="appDown" data-type="download" data-id="<%=item.identifier%>"/>
      <%}else if(2 === item.moduleStatus){%>
        <img src="./images/icon_update.png" class="appDown" data-type="update" data-id="<%=item.identifier%>"/>
      <%}%>
      <div class="module-name"><p><%=item.name%></p></div>
    <%if(item.moduleStatus>0){%>
      </a>
    <%}else{%>
      </li>
    <%}%>
  </script>
  <script type="text/template" id="slide-template">
    <div class="swiper-slide myproject"><%=html?html:""%></div>
  </script>
   <script type="text/template" id="modal-template">
    <div class="dialog-content">
      <div class="maskEdit">
        <img class="mlgo" src="<%=item.iconUrl%>" >
        <p class="maskManagement">
          <%=item.name%>
        </p>
        <p class="maskVersion">
          版本号： <%=item.version?item.version:""%>
        </p>
        <p class="editDescription">
          应用内容: <%=item.releaseNote?item.releaseNote:""%>
        </p>
      </div>
    </div>
  </script>
</body>

</html>
